._index_popular
  width: 100%
  margin: 0 auto 100px
  .popular-top
    width: 1200px
    height: 80px
    display: flex
    flex-direction: row
    align-items: center
    margin: 0 auto
    h3
      display: inline-block
      padding-left: 20px
      border-left: 4px solid #a9c83c
      font-size: 24px
      line-height: 30px
      color: #000
      font-weight: bold
      margin-right: 20px
    span
      font-size: 24px
      color: #676767
  .popular-content
    width: 100%
    display: flex
    .popular-content-left
      width: 50%
      height: 490px
      position: relative
      img
        width: 100%
        height: 100%
      .popular-content-hover
        width: 100%
        height: 100%
        opacity: 0
        transition: .5s
        background: #748e22
        text-align: center
        color: white
        position: absolute
        top: 0
        left: 0
        cursor: pointer
    .popular-content-left:hover .popular-content-hover
      opacity: 1
    .popular-content-right
      display: flex
      flex-wrap: wrap
      width: 50%
      .popular-content-right-box
        width: 50%
        height: 245px
        position: relative
        img
          width: 100%
          height: 245px
        .popular-content-hover
          width: 100%
          height: 100%
          opacity: 0
          transition: .5s
          background: #748e22
          text-align: center
          color: white
          position: absolute
          top: 0
          left: 0
          cursor: pointer
      .popular-content-right-box:hover .popular-content-hover
        opacity: 1
._index_resource
  width: 100%
  height: 650px
  box-sizing: border-box
  background: #f5f5f5
  .resource-box
    box-sizing: border-box
    width: 1200px
    height: 100%
    padding: 100px 0
    position: relative
    margin: 0 auto
    .resource-text
      position: absolute
      width: 1200px
      height: 450px
      top: 240px
      text-align: center
      color: white
      img
        width: 100%
        margin: 0 auto
      h2
        margin-bottom: 40px
        font-weight: bold
      p
        line-height: 30px
._index_decoration_commonSense
  width: 100%
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
  margin-bottom: 2px
  .decoration_commonSense-wrap
    width: 1200px
    padding: 100px 0
    margin: 0 auto
    display: flex
    justify-content: space-between
    align-items: center
  .decoration-box
    .decoration-title
      width: 100%
      line-height: 30px
      display: flex
      flex-direction: row
      align-items: center
      margin-bottom: 50px
      h3
        display: inline-block
        padding-left: 20px
        border-left: 4px solid #a9c83c
        font-size: 24px
        line-height: 30px
        color: #000
        font-weight: bold
        margin-right: 20px
      span
        font-size: 20px
        color: #676767
    .decoration-content
      width: 740px
      display: flex
      justify-content: space-between
      flex-wrap: wrap
      .decoration-content-box
        width: 350px
        height: 170px
        position: relative
        background-size: cover
        background-repeat: no-repeat
        margin-bottom: 40px
        p
          position: absolute
          bottom: 0
          left: 0
          width: 100%
          height: 40px
          line-height: 40px
          color: white
          font-size: 16px
          text-align: center
          background: rgba(116,131,15,.8)
  .commonSense-box
    .commonSense-title
      width: 100%
      line-height: 30px
      display: flex
      flex-direction: row
      align-items: center
      margin-bottom: 50px
      h3
        display: inline-block
        padding-left: 20px
        border-left: 4px solid #a9c83c
        font-size: 24px
        line-height: 30px
        color: #000
        font-weight: bold
        margin-right: 20px
      span
        font-size: 20px
        color: #676767
    ul
      height: 420px
      li
        width: 415px
        height: 33px
        font-size: 14px
        cursor: pointer
        color: black
      li:before
        display: inline-block;
        content: "•";
        margin-right: 23px
._index_service-commitment
  width: 100%
  background: #f5f5f5
  padding: 90px 0 100px 0
  text-align: center
  .service-commitment-wrap
    width: 1200px
    margin: 0 auto
    .service-commitment-title
      h2
        color: black
        font-weight: bold
        font-size: 24px
      h3
        color: black
        font-size: 12px
    .service-commitment-content
      ul
        display: flex
        align-items: center
        flex-wrap: wrap
        margin-top: 30px
        li
          width: 299px
          height: 299px
          border-right: 1px solid #d8d8d8
          border-bottom: 1px solid #d8d8d8
          display: flex
          flex-direction: column
          align-items: center
          justify-content: center
          &.no-bottom
            border-bottom: none
          &.no-right
            border-right: none
          img
            width: 60px
            height: 60px
          h3
            font-size: 16px
            font-weight: bold
            color: black
            line-height: 28px
          p
            font-size: 16px
            color: black

